import styles from './index.less';

import { store } from '../mobx/store'
import { Provider } from 'mobx-react';

import '../styles/index.scss'

import 'antd/dist/antd.css'

import { GolbalContext } from '@/redux/store';
import { useReducer } from 'react';
import { initialState, reducers } from '@/redux/reducers';

export default function IndexPage(props: any) {
  const [state, dispatch] = useReducer(reducers, initialState)
  {/*context*/ }
  return (
    <GolbalContext.Provider value={{ state, dispatch }}>
      <Provider {...store}>
        <div className=''>
          {props.children}
        </div>
      </Provider>
    </GolbalContext.Provider>
  )
}

